<template>
  <div>
    <div v-for="(item, index) in columns" :key="index">
      <component :is="require(`@/views/tenant/supplier/audit/components/${item}`).default" :baseInfo.sync="baseInfo" :qualificationInfo.sync="qualificationInfo" :abilityInfo.sync="abilityInfo" :resultInfo.sync="resultInfo"/>
    </div>
  </div>
</template>

<script>
export default {
  name: 'FactoryAuditForm',
  props: ['type'],
  provide() {
    return {
      type: this.type
    }
  },
  data() {
    return {
      columns: ['base', 'qualifications', 'ability', 'result'],
      baseInfo: {},
      qualificationInfo: {},
      abilityInfo: {},
      resultInfo: {}
    }
  },
  methods: {
    handleSave() {
      console.log(this.baseInfo)
      console.log(this.qualificationInfo)
      console.log(this.abilityInfo)
      console.log(this.resultInfo)
    }
  }
}
</script>

<style></style>
